<template>
  <li class="remark_arr_list_li">
    <span :class="Check ==i?'tagActivity':''" @click="CheckAdd(i,k)" v-for="(k,i) in remark" :key="i">{{k}}</span>
  </li>
</template>

<script>
export default {
  props: {
    remark: {
      default: Array,
      type: []
    }
  },
  data() {
    return {
      text: '',
      Check: 4
    }
  },
  methods: {
    CheckAdd(i, k) {
      this.Check = i
      this.text = k
      this.$store.commit('textAdd', this.text)
    }
  }
}
</script>

<style lang="less" scoped>
.remark_arr_list_li {
  margin-right: 0.6rem;
  margin-bottom: 0.9rem;
  span {
    font-size: 0.55rem;
    color: #333;
    padding: 0.3rem 0.6rem;
    border: 0.025rem solid #3190e8;
    border-radius: 0.2rem;
    background-color: #fff;
  }
}
.tagActivity {
  color: #fff !important;
  background-color: #3190e8 !important;
}
</style>